.menu-box{
    width: 250px;
    height: 100vh;
    background: #f3f4f9;
    box-sizing: border-box;
    float: left;
}

.menu-box .menu-list{
    margin-top: 40px;
}

.menu-box .menu-list ul{
    position: relative;
}

.menu-box .menu-list ul li{
    box-sizing: border-box;
    padding-left: 20px;
    cursor: pointer;
    width: 100%;
    line-height: 40px;
}

.menu-box .menu-list ul li .icon{
    height: 16px;
    width: 16px;
    float: left;
    margin: 12px 1px;
    border: 2px;
}

.menu-box .menu-list ul li .content{
    font-size: 14px;
    margin-left: 15px;
    color: #323232;
    float: left;
}

.menu-box .menu-list ul li span{
    margin-left: 25px;
}

.menu-box .menu-list ul .hover:hover{
    color: #4690F5;
    background: #dcdfe8;
}

.menu-box .menu-list ul .menu-active{
    color: #4690F5;
    background: #dcdfe8;
}

.menu-box .search-box{
    background: #e6e7ec;
    width: 230px;
    margin: 0 10px;
    border-radius: 30px;
    height: 30px;
    padding:0 8px;
    box-sizing: border-box;
}

.menu-box .search-box i{
    color: #8f9095;
    font-size: 16px!important;
    line-height: 30px;
}

.menu-box .search-box input{
    padding: 0;
    height: 30px;
    background: #e6e7ec;
    border: none;
    width: 180px;
    color: #3a3b40;
    margin: 0 10px 0 5px;
}

    .menu-box .search-box input ::placeholder {
        color: #8a8b90;
        font-size: 18px;
    }

.content-box{
    float: left;
    width: calc(100vw - 315px);
}
